<%-- 
    Document   : Taquilla
    Created on : 05-nov-2013, 15:59:33
    Author     : QUINTERO
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Cines MX - Tu Red de Cines!</title>
        <link rel="shortcut icon" type="image/x-icon" href="images/icono.png">
        <script type="text/javascript" src="jquery-2.0.3.min.js"></script>
        <script src="http://maps.gstatic.com/intl/es_ALL/mapfiles/api-3/14/14/main.js" type="text/javascript"></script>
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 
        <script src="http://maps.google.com/maps/api/js?sensor=false"></script>                        
        <script type="text/javascript" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" ></script>
        <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
        <script type="text/javascript" src="script.js" ></script>
        <script type="text/javascript" charset="UTF-8" src="http://maps.gstatic.com/cat_js/intl/es_ALL/mapfiles/api-3/14/14/%7Bcommon,map%7D.js"></script>
        <script type="text/javascript" charset="UTF-8" src="http://maps.gstatic.com/cat_js/intl/es_ALL/mapfiles/api-3/14/14/%7Butil,onion%7D.js"></script>
        <script type="text/javascript" charset="UTF-8" src="http://maps.gstatic.com/cat_js/intl/es_ALL/mapfiles/api-3/14/14/%7Bcontrols%7D.js"></script>
        <script type="text/javascript" charset="UTF-8" src="http://maps.gstatic.com/cat_js/intl/es_ALL/mapfiles/api-3/14/14/%7Bstats%7D.js"></script>
        <script type="text/javascript" charset="UTF-8" src="http://maps.gstatic.com/cat_js/intl/es_ALL/mapfiles/api-3/14/14/%7Bmarker%7D.js"></script>
        <link rel="stylesheet" href="estilos.css"/>
        <link rel="stylesheet" href="stilo.css"/>
    </head>
    <body>
        <form>
            <header id="titulo">
                <h2>
                    <a href="#"><img id="logo_cine" src="images/logo.png" width="100px" height="100px" /></a>
                    Cines MX - Tu Red de Cines!
                </h2>                       
                <section id="menuconsultar">
                    <select id="ciudades" title="Elige la ciudad en donde estas"> 
                        <option value="0">Ciudad</option>
                    </select>
                    <select id="empresas" title="Elige la empresa de cine que quieres ir">  
                        <option value="0">Empresa de Cine</option>
                    </select>
                    <select id="sucursales" title="Seleccione el cine que quieres">
                        <option value="0">Cine Local</option>
                    </select>
                    <button id="btn_Consultar" type="button" value="Consultar">Consultar</button>
                </section>
            </header>
            <h1>Taquilla</h1>
            <article id="cine">
                <h3 id="nomCine"></h3>
                <table id="info">

                </table>
                <table id="taquilla">
                    <caption>Boletos</caption>
                    <tr>
                        <th>Persona</th>
                        <th>Costo</th>
                        <th>Cantidad</th>
                        <th>Subtotal</th>
                    </tr>
                    <tr>
                        <td>
                            Ni&ntilde;o
                        </td>
                        <td>
                            30
                        </td>
                        <td>
                            <input id="30" type="number" min="0" max="5" value="0"/>
                        </td>
                        <td id="subtotal30">0</td>
                    </tr>
                    <tr>
                        <td>
                            Adulto
                        </td>
                        <td>
                            45
                        </td>
                        <td>
                            <input id="45" type="number" min="0" max="5" value="0" />
                        </td>
                        <td id="subtotal45">0</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td align="right">Total</td>
                        <td id="total">0</td>
                    </tr>
                </table>
                <input id="btn_Cancelar" type="button" value="Cancelar"/>
                <input id="btn_Compra" type="button" value="Seguir Comprando"/>
                <div id="map"></div>
            </article>          
        </form>
        <section class="footer">    
            <p>Siguenos en Facebook y Twitter
                <img src="images/fb_icon.png"/>
                <img src="images/tw_icon.png"/></p>   
        </section>
    </body>
</html>
